<template>
    <div class="gz-header">
        {{ title }}
        <!-- 标题 -->
        <home-button v-show="!isHomePath"></home-button>
    </div>
</template>

<script setup lang="ts">
import HomeButton from '@/components/common/HomeButton.vue'
import { useRoute } from 'vue-router'
import { computed } from 'vue'
const props = defineProps({
    title: {
        type: String,
        default: '',
    },
})

const route = useRoute()

const isHomePath = computed(() => {
    console.log('route.path======>', route.path)

    return '/shujuguanli/yingxiangliebiao' == route.path
})
</script>
<script lang="ts"></script>

<style lang="scss" scoped>
.gz-header {
    width: 100%;
    height: 60px;
    top: 0px;
    left: 0;
    position: absolute;
    background-image: url('/img/header.png');
    filter: grayscale(0.5);
    z-index: 0;
    background-size: 100%;

    display: flex;
    justify-content: center;
    font-size: 28px;
    align-items: center;
}
</style>
